<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>

<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<!-- <script type="text/javascript">
			
			//测试移除事件: 使用 unbind 移除事件. 
			//one(): 只为某一个元素添加一次事件, 事件函数响应后, 将不再被触发响应. 
			$(function(){
				
				$("#rl").one("click", function(){
					alert("红色警戒. ");
				});
				
				$("li:not(#rl)").click(function(){
					alert(this.firstChild.nodeValue);
					
					//对于 #bj 节点, 点击一次后, 就没有 click 响应函数了
					if(this.id == "bj")
						$("#bj").unbind("click");
				});
				
			})
			
		
		</script> -->

<script type="text/javascript">
	//对绑定的事件进行解绑
	$(function() {
		$("#city li").click(function() {
			alert($(this).text());
			if ($(this).attr("id") == "bj") {
				$(this).unbind();
			}
		});

		//one 函数  对元素事件只绑定一次

		$("#game li").one("click", function() {
			alert($(this).text());
		});
	});
</script>

</head>
<body>
	<p>你喜欢哪个城市?</p>
	<ul id="city">
		<li id="bj" name="BeiJing">北京</li>
		<li>上海</li>
		<li id="dj">东京</li>
		<li id="se">首尔</li>
	</ul>

	<br>
	<br>
	<p>你喜欢哪款单机游戏?</p>
	<ul id="game">
		<li id="rl">红警</li>
		<li>实况</li>
		<li>极品飞车</li>
		<li>魔兽</li>
	</ul>

	<br>
	<br>
	<p>你喜欢哪种开发语言?</p>
	<ul id="language">
		<li>C</li>
		<li>Java</li>
		<li>.NET</li>
		<li>PHP</li>
	</ul>

	<br>
	<br> gender:
	<input type="radio" name="gender" value="male" />Male
	<input type="radio" name="gender" value="female" />Female

	<br>
	<br> name:
	<input type="text" name="username" value="atguigu" />

</body>
</html>
